<template>
    <div class="register_flowsheet">
      <!--<img :src="actPicUrl" width="100%">-->
      <el-image
        :src="actPicUrl"
        :preview-src-list="srcList">
      </el-image>
    </div>
</template>

<script>
  import store from "@/store";
    export default {
      name: "register-flowsheet",
      created(){
        this.actPicUrl = process.env.VUE_APP_AXIOS_BASE_URL +
          `/planning/registerinfo/task/view/` +
          this.taskId +'?access_token='+ store.getters.access_token;
        this.srcList.push(this.actPicUrl)
      },
      data(){
        return{
          actPicUrl:'',
          srcList:[]
        }
      },
      props:{
        taskId: {
          type: String,
          required: true
        }
      }
    }
</script>

<style lang="scss" scoped>
 .register_flowsheet{
   /deep/ .el-image-viewer__mask{
     background-color: white;
   }
   /deep/ .el-image-viewer__wrapper{
     background-color: white;
   }
   /deep/.el-image__inner--center {
     position: relative;
     top: auto !important;
     left: auto !important;
     -webkit-transform: translate(0, 0) !important;
     transform: translate(0, 0) !important;
     display: block
   }
   /deep/.el-image {
     position: static;
     display: inline-block;
     overflow: hidden;
   }

 }


</style>
